<template>
	<view class="home1">
	
	<view class="head">
		<!-- 状态栏高度 -->
		<!-- <view class="status-bar"></view> -->
		<view class="logo">
	<image src="../../static/imgs/logo.png" mode="" style="width: 220rpx; height: 50rpx;margin-left: 20rpx; margin-top: 20rpx;"></image>
		</view>
		<!-- 导航栏 -->
		<home-banner></home-banner>
	</view>
	<!-- 公告 -->
	<!-- <home-notice></home-notice> -->
	
	<!-- 设备 收益 算力 计算器 -->
	<home-fourF></home-fourF>
	
		<!-- 轮播 -->
		<home-ad></home-ad>
		
	</view>
</template>

<script>
	import banner from '../home-banner/home-banner.vue'
	import notice from '../home-notice/home-notice.vue'
	import fourF from '../home-fourF/home-fourF.vue'
	import ad from '../home-ad/home-ad.vue'
	export default {
		components:{
			banner,
			notice,
			fourF,
			ad
		},
		data() {
			return {
				
			};
		},
		
	}
</script>

<style>


	.head {
		background: linear-gradient(to bottom, #DCEAFF 0%, #FFFFFF 50%);
		margin-bottom: 20rpx;
	}

	swiper-item {
		width: 80%;
		height: 800rpx;
	}
	.gg-swiper{
		position: relative;
		top: -40rpx;
		left: 130rpx;
	}
	.lun {
		margin-left: 40rpx;
		width: 92%;
		height: 300rpx;
	}

	.lun2 {
		margin-left: 6rpx;
		width: 100%;
		height: 300rpx;
	}

	.gg>image {
		width: 50rpx;
		height: 40rpx;
		margin-right: 60rpx;
		position: relative;
		left: 60rpx;
		top: 10rpx;
	}

	.gg>text {
		font-weight: bold;
		opacity: .7;
	}
	.xian {
		width: 100%;
		height: 20rpx;
		background-color: #F6F6F6;
	}
</style>
